﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    Theme="Default" CodeBehind="JQueryCalendarWithAjax.aspx.cs" Inherits="WebApplicationJQueryUI.Demo02.JQueryCalendarWithAjax" %>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <asp:ScriptManagerProxy ID="ScriptManagerProxy1" runat="server">
        <CompositeScript>
            <Scripts>
                <asp:ScriptReference Path="~/Scripts/jquery-1.3.2.min.js" />
                <asp:ScriptReference Path="~/Scripts/jquery-ui-1.7.2.custom.min.js" />
            </Scripts>
        </CompositeScript>
    </asp:ScriptManagerProxy>
    <h1>Ajax Calendar Extender</h1>
    <h2>No Update Panel</h2>
    
    <strong>Enter a date:</strong>
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    <asp:Button ID="Button1" runat="server" Text="Submit" onclick="Button1_Click" />
    <script language="javascript" type="text/javascript">
        $(document).ready(function () {
            $("input[id$=TextBox1]").datepicker();
        });
    </script>
    <br />
    <asp:Literal ID="LiteralResult1" runat="server"></asp:Literal>
    <hr />
    <h2>Update Panel</h2>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <strong>Enter a date:</strong>
            <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
            <asp:Button ID="Button2" runat="server" Text="Submit" onclick="Button2_Click" />
            <br />
            <asp:Literal ID="LiteralResult2" runat="server"></asp:Literal>
            <script language="javascript" type="text/javascript">
                $(document).ready(function () {
                    $("input[id$=TextBox2]").datepicker();
                });
            </script>
        </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>
